<template>
  <div class="weui_loading_toast" id="global_loading" v-if="show">
    <div class="weui_mask_transparent"></div>
    <div class="weui_toast">
      <i class="weui-loading weui-icon_toast"></i>
      <p class="weui_toast_content">加载中</p>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  import {Loading} from 'vux'

  export default {
    props: {
      show: {
        default: true
      }
    },
    data () {
      return {}
    },
    created () {
    },
    methods: {},
    components: {
      Loading
    }
  }
</script>


<style lang="less" rel="stylesheet/less">
  #global_loading .weui_toast {
    text-align: center;
  }

  #global_loading .weui-icon_toast.weui-loading {
    margin-top: 30px;
  }


</style>
